
// mixins

// 链接动画
@mixin dz($time:0.25s){
    -webkit-transition: all $time ease-in-out;
    transition: all $time ease-in-out;
}
// 文字描边
@mixin ts($s1:1px,$s2:1px,$color:$cff){
	text-shadow:
	$s1 $s1 $s2 $color,
	-$s1 $s1 $s2 $color,
	$s1 (-$s1) $s2 $color,
	-$s1 (-$s1) $s2 $color;
}
//
@mixin jb($color1:#000,$color2:#fff,$deg:0){
	background-image:-webkit-linear-gradient($deg+deg, $color2, $color1);
	background-image:linear-gradient($deg+deg, $color2, $color1);
}
// 旋转
@mixin xz($deg:360){
    -webkit-transform:rotate($deg+deg);
	transform:rotate($deg+deg);
}
// 旋转放大
@mixin xzfd($deg:360,$s1:1.2){
	-webkit-transform:rotate($deg+deg) scale($s1);
	transform:rotate($deg+deg) scale($s1);
}
// 移动动画
@mixin yd($s1:0,$s2:0){
	-webkit-transform:translate($s1,$s2);
	transform:translate($s1,$s2);
}
// 禁止选中
@mixin ns{
	-webkit-touch-callout: none;
	user-select: none;
}
// 一行文字标题
@mixin online($s1) {
	overflow: hidden;
	line-height: $s1;
	height: $s1;
	white-space: nowrap;
	text-overflow: ellipsis;
}
// 计算
@mixin calc($property, $expression) {
	#{$property}: -webkit-calc(#{$expression});
	#{$property}: calc(#{$expression});
}
@mixin hlh($s1) {
	height: $s1;
	line-height: $s1;
	overflow: hidden;
}

@mixin goto($s1:0.12rem){
	background:url("../image/icon_goto.png") right center no-repeat;
	background-size: auto $s1;
}

@function rem($px){
    @return $px / 100 + rem;
}

@mixin gray{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
